<template>
	<view class="cn-layer">
		<ty-layer-pop-up>
			<view class="flex align-center flex-direction" @click.stop="">
				<view class="swiper_video_content" style="margin-top: 90rpx;">
					<video class="width-100p height-100p" :src="videourl" id="video" object-fit='contain' :loop="loop"
						:show-fullscreen-btn="showFullscreenBtn" :show-play-btn="showPlayBtn"
						:enable-progress-gesture="enableProgressGesture" @error="videoErrorCallback"
						@play="videoPlay"></video>
				</view>
				<view class="padding-lr-30 padding-top-50" @click="getoff()">
					<text class="tyIcon-close-round-line text-48 text-ff"></text>
				</view>
			</view>
		</ty-layer-pop-up>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				video_url: "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4",
				loop: true, //是否循环播放视频
				showFullscreenBtn: true, //是否显示全屏按钮
				showPlayBtn: true, //是否显示视频底部控制栏的播放按钮
				enableProgressGesture: true, //是否开启控制进度的手势
			}
		},
		props: {
			// 视频路径
			videourl: {
				type: String,
				default: ""
			},
		},
		methods:{
			videoPlay(){
				
			},
			getoff(){
				this.$emit("lvshow", false)
			}
		}
	}
</script>

<style>
	.swiper_video_content {
		width: 564rpx;
		height: 784rpx;
		border-radius: 40rpx 40rpx 40rpx 40rpx;
	}
</style>